<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/bootstrap-datetimepicker.min.css" />
<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <div class="alert alert-block alert-warning fade in">
          <button data-dismiss="alert" class="close close-sm" type="button">
            <i class="icon-remove"></i>
          </button>
          <strong>注意事项：</strong><br>
          1、本页面需要员工在出差结束后填写实际出差的情况和工作汇报；<br>
          2、由相应项目经理确认后，后续报销流程才能在相应确认相互拆结果的项目报销费用和登记工时。<br>
        </div>
        <section class="panel">
          <header class="panel-heading">
            出差/公干信息
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>类型</span>{{type}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差单号</span>{{tripNum}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>申请人</span>{{userName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差开始时间</span>{{planStime}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差结束时间</span>{{planEtime}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>预测总费用</span>￥{{spMoney}}元
              </p>
            </div>
            <!--<div class="bio-row">-->
            <!--<p>-->
            <!--<span>出差说明</span>￥{{tripComments}}-->
            <!--</p>-->
            <!--</div>-->
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            出差预测费用明细
          </header>
          <div class="panel-body">
            <div class="bio-row" ng-repeat="x in bugets">
              <p>
                <span>{{x.bugetType}}</span>￥{{x.buget}}元
              </p>
            </div>
          </div>
        </section>
        <section class="panel hdoabtmeg">
          <input type="hidden" value="{{sproId}}" id="proId" />
          <input type="hidden" value="{{aid}}" id="appId">
          <header class="panel-heading">
            工作计划与结果
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>归属项目</span>{{sproName}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划开始时间</span>{{planStime}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划结束时间</span>{{planEtime}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>地点</span>{{splanCity}}
              </p>
            </div>
            <div class="bio-row line-row">
              <p>工作计划</p>
              <p>{{splanComments}}</p>
            </div>
            <div style="display:inline-block;width:100%">
              <div class="form-group customerForm" style="display:inline-block;float:left;width: 50%;">
                <label class="col-sm-2 control-label" style="width: 30%">实际计划开始时间</label>
                <div class="col-sm-4" style="width: 70%">
                  <input type="text" value="" id="startTime" certus-required class="form-control">
                </div>
              </div>
              <div class="form-group customerForm" style="display:inline-block;float:left;width: 50%;">
                <label class="col-sm-2 control-label" style="width: 30%">实际计划结束时间</label>
                <div class="col-sm-4" style="width: 70%">
                  <input type="text" value="" id="endTime" certus-required class="form-control">
                </div>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label" style="width: 15%">工作结果</label>
              <div class="col-sm-10">
                <textarea class="form-control" certus-required id="planResult" maxlength="120" placeholder="是否完成计划内容，具体完成情况如何？"></textarea>
              </div>
            </div>
          </div>
        </section>
        <section class="panel">
          <div class="panel-body">
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
              <a href="javascript:void(0);" class="button-next  btn btn-success submitTrip">确认提交</a>
            </p>
          </div>
        </section>

        <section class="panel">
          <div class="panel-heading">
            审批记录
          </div>
          <div class="panel-body">
            <ul class="tp-ulst" id="containerUl">
              <li>
                <span>人员姓名</span><span>提交时间</span><span>处理结果</span>
              </li>
            </ul>
          </div>
        </section>
      </div>
    </div>
  </section>
</section>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datetimepicker.js"></script>
<script src="js/trip/writeSingleTripResult.js"></script>
<script src="js/trip/spNode.js"></script>
<script>
  //时间控件
  $('#startTime').datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss'
  });
  $('#endTime').datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss'
  });
</script>